/* RESET BOX-SIZING */
.desktop-8,
.desktop-8 * {
  box-sizing: border-box;
}

/* MAIN CONTAINER */
.desktop-8 {
  background: #ffffff;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* HEADER SECTION (sebelumnya .frame-48) */
header.frame-48 {
  display: flex;
  flex-direction: column;
  gap: 6.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 77.476875rem;
  margin: 3.125rem auto 0;
}

/* NAVIGATION (sebelumnya .frame-34) */
header.frame-48 > div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 77.476875rem;
  position: relative;
}

/* LOGO */
.green-ray-logo-1 {
  flex-shrink: 0;
  width: 11.745rem;
  height: 2.5rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 187.92/40;
}

/* CONTACT BUTTON (sebelumnya .frame-2) */
.frame-2 {
  background: var(--putih, #ffffff);
  border-radius: 2.749375rem;
  border-style: solid;
  border-color: #000000;
  border-width: 0.11rem;
  padding: 1.278125rem 1.704375rem 1.278125rem 1.704375rem;
  display: flex;
  flex-direction: row;
  gap: 0.825rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0rem 0.055rem 0.165rem 0rem rgba(0, 0, 0, 0.26),
    0rem 0.275rem 0.275rem 0rem rgba(0, 0, 0, 0.23),
    0rem 0.605rem 0.385rem 0rem rgba(0, 0, 0, 0.13),
    0rem 1.1rem 0.44rem 0rem rgba(0, 0, 0, 0.04),
    0rem 1.704375rem 0.495rem 0rem rgba(0, 0, 0, 0);
}
.contact-us {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.2096774578094482rem;
  font-weight: 400;
  position: relative;
}

/* HERO CONTENT AND IMAGES (sebelumnya .frame-37) */
section.frame-37 {
  display: flex;
  flex-direction: row;
  gap: 3.125rem;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

/* HERO TEXT BLOCK (sebelumnya .frame-36) */
.frame-36 {
  display: flex;
  flex-direction: column;
  gap: 7.9375rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 36.25rem;
  position: relative;
}

/* HEADLINE AND CTA (sebelumnya .frame-4) */
.frame-4 {
  display: flex;
  flex-direction: column;
  gap: 2.8125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

/* H1 */
.power-your-future-brighten-your-world {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 4.687255859375rem;
  font-weight: 400;
  position: relative;
}
/* BARU: Terapkan font bold ke tag <strong> di dalam H1 */
.power-your-future-brighten-your-world strong {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

/* CTA BUTTON (sebelumnya .hover) */
.hover {
  background: #000000;
  border-radius: 0.52875rem;
  padding: 1.25rem 1.5rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.660625rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --efek-shadow-tipis-box-shadow,
    0rem 0.0625rem 0.1875rem 0rem rgba(0, 0, 0, 0.26),
    0rem 0.3125rem 0.3125rem 0rem rgba(0, 0, 0, 0.23),
    0rem 0.6875rem 0.4375rem 0rem rgba(0, 0, 0, 0.13),
    0rem 1.25rem 0.5rem 0rem rgba(0, 0, 0, 0.04),
    0rem 1.9375rem 0.5625rem 0rem rgba(0, 0, 0, 0)
  );
}

.start-saving-today {
  color: #ffffff;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  position: relative;
}
.group {
  flex-shrink: 0;
  width: 0.830625rem;
  height: 1.101875rem;
  position: relative;
  overflow: visible;
}

/* SUBTEXT (sebelumnya .frame-5) */
.frame-5 {
  display: flex;
  flex-direction: row;
  gap: 0.64625rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  width: 26.25rem;
  position: relative;
}
.go-solar-and-take-control-of-your-energy-bills-we-provide-seamless-solar-panel-installation-for-homes-and-businesses-built-to-last {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  position: relative;
  flex: 1;
}

/* HERO IMAGES (sebelumnya .frame-35) */
.frame-35 {
  display: flex;
  flex-direction: row;
  gap: 1.625rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  width: 38.125rem;
  position: relative;
}
.image-10,
.image-12,
.image-11 {
  border-radius: 0.75rem;
  position: relative;
  box-shadow: var(
    --efek-shadow-tipis-box-shadow,
    0rem 0.0625rem 0.1875rem 0rem rgba(0, 0, 0, 0.26),
    0rem 0.3125rem 0.3125rem 0rem rgba(0, 0, 0, 0.23),
    0rem 0.6875rem 0.4375rem 0rem rgba(0, 0, 0, 0.13),
    0rem 1.25rem 0.5rem 0rem rgba(0, 0, 0, 0.04),
    0rem 1.9375rem 0.5625rem 0rem rgba(0, 0, 0, 0)
  );
  object-fit: cover;
}
.image-10 {
  flex-shrink: 0;
  width: 19.75rem;
  height: 21.5625rem;
}
.image-12 {
  flex-shrink: 0;
  width: 16.75rem;
  height: 21.5625rem;
}
.image-11 {
  flex-shrink: 0;
  width: 38.125rem;
  height: 16.875rem;
}

/* PROBLEM/SOLUTION SECTION (sebelumnya .frame-14) */
main > section.frame-14 {
  display: flex;
  flex-direction: row;
  gap: 5.776875rem;
  align-items: center;
  justify-content: center;
  width: 77.5125rem;
  margin: 6.25rem auto 0;
}

/* HEADLINE BLOCK (sebelumnya .frame-6) */
.sub-group {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  gap: 1.155625rem;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}

/* H2 - Heading Group */
.heading-grup {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 4.375rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.heading-grup span {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}
.text-deskripsi {
  color: #000000;
  text-align: justify;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 2.75rem;
}

/* FEATURES LIST (sebelumnya .frame-13) */
.frame-13 {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}

/* FEATURE ITEM 1 (sebelumnya .frame-7) */
.frame-13 .container {
  display: flex;
  flex-direction: row;
  gap: 1.8rem;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-13 .container .container-2 {
  display: flex;
  flex-direction: column;
  gap: 1.036875rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
/* H3 */
.frame-13 .container .container-2 h3 {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 550;
  position: relative;
  align-self: stretch;
}

/* P */
.take-control-of-your-unpredictable-and-ever-increasing-electricity-bills-say-goodbye-to-financial-worry-with-a-fixed-energy-expense {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.3824938535690308rem;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}

.frame-13 .container .icon {
  flex-shrink: 0;
  width: 5rem;
  height: 3.5rem;
  position: relative;
  overflow: visible;
}

/* BENEFITS SECTION (sebelumnya .frame-19) */
main > section.frame-19 {
  display: flex;
  flex-direction: column;
  gap: 5.378125rem;
  align-items: center;
  justify-content: flex-start;
  width: 77.5rem;
  margin: 7rem auto 0;
}

/* H2 - The Benefits Are Clear */
.the-benefits-are-clear {
  color: #000000;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 4.033657073974609rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.the-benefits-are-clear strong {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

/* BENEFITS ROW (sebelumnya .frame-18) */
.section-3 {
  display: flex;
  flex-direction: row;
  gap: 2.689375rem;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section-3 .sub-group{
  display: flex;
  flex-direction: column;
  gap: 1.61375rem;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.section-3 .sub-group .icon {
  flex-shrink: 0;
  width: 4.375rem;
  height: 4.3125rem;
  position: relative;
  overflow: visible;
}
.section-3 .sub-group .container {
  display: flex;
  flex-direction: column;
  gap: 0.806875rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section-3 .sub-group .container h3 {
  color: #000000;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.2907702922821045rem;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.section-3 .sub-group .container .text-deskripsi {
  color: #000000;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 2.75rem;
}

.group3 {
  width: 66.67%;
  height: 90.89%;
  position: absolute;
  right: 16.67%;
  left: 16.67%;
  bottom: 0.78%;
  top: 8.33%;
  overflow: visible;
}
.carbon-increase-level {
  aspect-ratio: 1;
}
.mdi-help-outline {
  aspect-ratio: 1;
}

/* TESTIMONIALS SECTION (sebelumnya .frame-39) */
main > section.frame-39 {
  display: flex;
  flex-direction: column;
  gap: 2.689375rem;
  align-items: flex-start;
  justify-content: flex-start;
  width: 77.5rem;
  margin: 7rem auto 0;
}

.frame-39 .container {
  display: flex;
  flex-direction: column;
  gap: 1.075625rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

/* H2 - Trusted by Homeowners */
.trusted-by-homeowners-across-indonesia {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 3.5332248210906982rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.trusted-by-homeowners-across-indonesia strong {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

/* P */
.don-t-just-take-our-word-for-it-see-what-our-satisfied-customers-are-saying {
  color: #000000;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.3445523977279663rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.frame-39 .container-2 {
  display: flex;
  flex-direction: row;
  gap: 2.689375rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-39 .container-2 img {
  border-radius: 0.645625rem;
  flex: 1;
  height: 14.52125rem;
  position: relative;
  object-fit: cover;
}

/* FINAL CTA SECTION (sebelumnya .frame-21) */
main > section.frame-21 {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: center;
  justify-content: flex-start;
  margin: 7rem auto 7rem;
}

.frame-21 .container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

/* H2 - Ready to Go Solar */
.ready-to-go-solar {
  color: #000000;
  text-align: center;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 4.376882553100586rem;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}

/* P */
.it-only-takes-30-seconds-to-get-a-free-personalized-savings-estimate-start-your-journey-to-energy-independence-today {
  color: #000000;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.4589608907699585rem;
  font-weight: 400;
  position: relative;
}

.frame-21 .container-2 {
  background: #000000;
  border-radius: 0.49375rem;
  padding: 1.166875rem 1.400625rem 1.166875rem 1.400625rem;
  display: flex;
  flex-direction: row;
  gap: 0.616875rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0rem 0.058125rem 0.175rem 0rem rgba(0, 0, 0, 0.26),
    0rem 0.291875rem 0.291875rem 0rem rgba(0, 0, 0, 0.23),
    0rem 0.641875rem 0.40875rem 0rem rgba(0, 0, 0, 0.13),
    0rem 1.166875rem 0.466875rem 0rem rgba(0, 0, 0, 0.04),
    0rem 1.809375rem 0.525rem 0rem rgba(0, 0, 0, 0);
}

.calculate-my-savings {
  color: #ffffff;
  text-align: left;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.4006024599075317rem;
  font-weight: 500;
  position: relative;
}
.group4 {
  flex-shrink: 0;
  width: 1.398125rem;
  height: 1.398125rem;
  position: relative;
  overflow: visible;
}

/* Footer */
.footer {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.03125rem 0rem 0rem 0rem;
  padding: 3.125rem 3.75rem 5rem 3.75rem;
  display: flex;
  flex-direction: row;
  gap: 6.0625rem;
  align-items: flex-start;
  justify-content: space-evenly;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-top: 5rem;
}
.footer-info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.footer-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.footer-logo-text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.green-ray-logo-12 {
  flex-shrink: 0;
  width: 14.6675rem;
  height: 3.121875rem;
  position: relative;
  object-fit: cover;
  aspect-ratio: 234.68/49.95;
}
.footer-desc {
  color: #000000;
  text-align: justify;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  position: relative;
  width: 18.25rem;
}
.copyright {
  color: #000000;
  text-align: left;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.footer-menu {
  display: flex;
  flex-direction: row;
  gap: 10rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.menu-container-footer {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.title-footer {
  color: #000000;
  text-align: left;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
  position: relative;
}
.dec-container-footer {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.list-footer {
  color: #000000;
  text-align: center;
  font-size: 1.125rem;
  position: relative;
  cursor: pointer;
}
.list-footer a {
  text-decoration: none;
  color: black;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
}